$(function(){
	//购物车
	//鼠标移入事件 
	$("#box_menu .menu .menu_3").mouseenter(function(){
		//让购物车 在300毫秒内 向下滑动显示
		$("#box_menu .menu .menu_3 .che2").stop().slideDown(300)
	}).mouseleave(function(){//移除事件
		//让购物车 在300毫秒内 向上滑动隐藏
		$("#box_menu .menu .menu_3 .che2").stop().slideUp(300)
	})
	
	
	
	
	//导航下拉菜单
	var b=0;//导航变量
	$("#box_logo>div").mouseenter(function(){
		
		$("#box_logo .title").stop().slideDown(200)
		
	}).mouseleave(function(){
		$("#box_logo .title").stop().slideUp(200)
	})
	
	$("#box_logo .menu>li").mouseenter(function(){
		b= $(this).index();
		$("#box_logo .title .shelf").eq(b).stop().show().siblings(".shelf").hide();
	})




	//轮播图
	var c=0;//轮播图变量
	//定时器函数
	function synn(){
		c++;
		//三元表达式 判断C数值
		c = c==6?0:c;
		//让C号元素显示 C号class为img的兄弟元素隐藏
		$("#box_cycle .right .img").eq(c).fadeIn(500).siblings(".img").fadeOut(500)
		//让小圆点跟着移动
		$("#box_cycle .right ul li").eq(c).css({"background": "rgba(255,255,255,0.7)","border-color":"#666666"}).siblings("li").css({"background": "rgba(0,0,0,0.3)","border-color":"#BBBBBB"})
	};
	//设置定时器
	var timer=setInterval(synn,3000);
	//加入鼠标移入事件
	$("#box_cycle .right .img").mouseover(function(){
		//清除定时器
		clearInterval(timer);
	})
	$("#box_cycle .right .img").mouseout(function(){
		//添加定时器
		timer=setInterval(synn,3000)
	})
	//添加li鼠标点击事件
	$("#box_cycle .right ul li").click(function(){
		//清除定时器
		clearInterval(timer); 
		//获得标记
		c = $(this).index();
		//让C号元素显示 C号class为img的兄弟元素隐藏
		$("#box_cycle .right .img").eq(c).fadeIn(500).siblings(".img").fadeOut(500);
		//让小圆点跟着移动
		$("#box_cycle .right ul li").eq(c).css({"background": "rgba(255,255,255,0.7)","border-color":"#666666"}).siblings("li").css({"background": "rgba(0,0,0,0.3)","border-color":"#BBBBBB"})
		
	})
	//点击按钮循环图片	
	
	$("#box_cycle .right .left_btn").click(function(){
		if(v==2){
			return;
		}
		v=2;
		setTimeout(function(){
			v=1;
		},600)
		clearInterval(timer); 
		c--;
		c= c==-1?5:c;
		//让C号元素显示 C号class为img的兄弟元素隐藏
		$("#box_cycle .right .img").eq(c).stop().fadeIn(500).siblings(".img").fadeOut(500)
		//让小圆点跟着移动
		$("#box_cycle .right ul li").eq(c).css({"background": "rgba(255,255,255,0.7)","border-color":"#666666"}).siblings("li").css({"background": "rgba(0,0,0,0.3)","border-color":"#BBBBBB"})

	})	
	$("#box_cycle .right .right_btn").click(function(){
		if(v==2){
			return;
		}
		v=2;
		times = setTimeout(function(){
			v=1;
		},600)
		clearInterval(timer); 
		c++;
		c= c==6?0:c;
		//让C号元素显示 C号class为img的兄弟元素隐藏
		$("#box_cycle .right .img").eq(c).stop().fadeIn(500).siblings(".img").fadeOut(500)
		//让小圆点跟着移动
		$("#box_cycle .right ul li").eq(c).css({"background": "rgba(255,255,255,0.7)","border-color":"#666666"}).siblings("li").css({"background": "rgba(0,0,0,0.3)","border-color":"#BBBBBB"})
		
	})

	//明星产品循环
	var v=0;//明星产品变量
	
	function sai(){
		if(v==0){
			$("#box_star .box1").stop().animate({"left":"-1226px"},500);
			$("#box_star .str ul li .right i").css({"color":"#E0E0E0"})
			$("#box_star .str ul li .left i").css({"color":"#B0B0B0"})
			v=1;
		}else if(v==1){
			$("#box_star .box1").stop().animate({"left":"0px"},500);
			$("#box_star .str ul li .right i").css({"color":"#B0B0B0"})
			$("#box_star .str ul li .left i").css({"color":"#E0E0E0"})
			v=0;
		}
	}
	var times=setInterval(sai,8000);
	//鼠标移入事件 
	$("#box_star .str ul .right").mouseover(function(){
		clearInterval(times);//清楚定时器
		if(v==0){//当v==0时 鼠标移动至 向右箭头 改变颜色 
			$("#box_star .str ul li .right i").css({"color":"#FF6700"})
		}
	})
	
	$("#box_star .str ul .right").mouseout(function(){
		times=setInterval(sai,8000);//添加定时器
		if(v==0){//当v==0时 鼠标移出 向右箭头 改变颜色 
			$("#box_star .str ul li .right i").css({"color":"#B0B0B0"})
		}
	})
	
	$("#box_star .str ul .left").mouseover(function(){
		clearInterval(times);//清楚定时器
		if(v==1){//当v==1时 鼠标移动至 向左箭头 改变颜色 
			$("#box_star .str ul li .left i").css({"color":"#FF6700"})
		}
	})
	
	$("#box_star .str ul .left").mouseout(function(){
		times=setInterval(sai,8000);//添加定时器
		if(v==1){//当v==1时 鼠标移出 向左箭头 改变颜色 
			$("#box_star .str ul li .left i").css({"color":"#B0B0B0"})
		}
	})
	
	
	$("#box_star .str ul li .right").click(function(){
		if(v==0){//当v==0 点击向右箭头  500毫秒内图片往左滑动1226px，并改变 左右箭头的字体颜色
			$("#box_star .box1").stop().animate({"left":"-1226px"},500);
			$("#box_star .str ul li .right i").css({"color":"#E0E0E0"});
			$("#box_star .str ul li .left i").css({"color":"#B0B0B0"});
		}
		v=1;
	})
	$("#box_star .str ul li .left").click(function(){
		if(v==1){//当v==1 点击向左箭头  500毫秒内图片往右滑动1226px，并改变 左右箭头的字体颜色
			$("#box_star .box1").stop().animate({"left":"0px"},500);
			$("#box_star .str ul li .left i").css({"color":"#E0E0E0"});
			$("#box_star .str ul li .right i").css({"color":"#B0B0B0"});
		}
		v=0;
	})
	
	var eva=0;//大总管变量
	
	$("#body .menu>a").mouseenter(function(){
		//获得序号
		eva=$(this).index();
		//抓元素 使对应序号的元素显示，其他.con元素隐藏
		$(this).parents(".title").siblings(".box").find("[class=right]").find("[class=con]").eq(eva).show().siblings(".con").hide();
		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
		$(this).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
	})
	
//	//家电区域菜单
//	$("#body .box_jiadian .menu>a").mouseenter(function(){
//		//获得序号
//		eva=$(this).index();
//		//抓元素 使对应序号的元素显示，其他.con元素隐藏
//		$("#body .box_jiadian .box .con").eq(eva).show().siblings(".con").hide();
//		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
//		$("#body .box_jiadian .menu a").eq(eva).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
//	})
//
//	//智能区域菜单
//	$("#body .box_template .menu>a").mouseenter(function(){
//		eva=$(this).index();
//		//抓元素 使对应序号的元素显示，其他.con元素隐藏
//		$("#body .box_template .box .con").eq(eva).show().siblings(".con").hide();
//		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
//		$("#body .box_template .menu a").eq(eva).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
//	})
//	
//	//搭配区域菜单
//	$("#body .box_temp .menu>a").mouseenter(function(){
//		eva=$(this).index();
//		//抓元素 使对应序号的元素显示，其他.con元素隐藏
//		$("#body .box_temp .box .con").eq(eva).show().siblings(".con").hide();
//		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
//		$("#body .box_temp .menu a").eq(eva).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
//	})
//	
//	//配件区域菜单
//	$("#body .box_tem .menu>a").mouseenter(function(){
//		eva=$(this).index();
//		//抓元素 使对应序号的元素显示，其他.con元素隐藏
//		$("#body .box_tem .box .con").eq(eva).show().siblings(".con").hide();
//		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
//		$("#body .box_tem .menu a").eq(eva).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
//	})
//	
//	//周边区域菜单
//	$("#body .box_zb .menu>a").mouseenter(function(){
//		eva=$(this).index();
//		//抓元素 使对应序号的元素显示，其他.con元素隐藏
//		$("#body .box_zb .box .con").eq(eva).show().siblings(".con").hide();
//		//抓元素 修改a标签的css  使对应序号的A标签与其它A标签不同
//		$("#body .box_zb .menu a").eq(eva).css({"color": "#FF6700","border-bottom": "2px solid #FF6700"}).siblings("a").css({"color": "#333333","border-bottom": "2px solid #F5F5F5"})
//	})
	
	
	
	//图片向上运动
	$("#body .box .left>a").mouseenter(function(){
		//向上移动2px
		$(this).stop().animate({"top":"-2px"},200)
	}).mouseleave(function(){
		//回到原位
		$(this).stop().animate({"top":"0px"},200)
	})
	
	$("body .box .right .con>div").mouseenter(function(){
		$(this).stop().animate({"top":"-2px"},200)
	}).mouseleave(function(){
		$(this).stop().animate({"top":"0px"},200)
	})
	
	//评论显示隐藏 
	$("body .box .right .con>div").mouseenter(function(){
		//让评论 在300毫秒内 向下滑动显示
		$(this).find('.pingjia').stop().slideDown(200)
	}).mouseleave(function(){//移除事件
		//让评论 在300毫秒内 向上滑动隐藏
		$(this).find('.pingjia').stop().slideUp(200)
	})
	
	
	//为你推荐 轮播
	var o=0;//变量
	//按键变色
	$("#body .box_tuijian .title>ul>li .right").mouseenter(function(){
		if(o<2){//o<2时 改变按键颜色
			$("#body .box_tuijian .title>ul>li .right>i").css({"color":"#FF6700"})
		}
	}).mouseleave(function(){
		if(o<2){//o<2时 改变按键颜色
			$("#body .box_tuijian .title>ul>li .right>i").css({"color":"#B0B0B0"})
		}
	})
	
	$("#body .box_tuijian .title>ul>li .left").mouseenter(function(){
		if(o>0){//o>0时 改变按键颜色
			$("#body .box_tuijian .title>ul>li .left>i").css({"color":"#FF6700"})
		}
	}).mouseleave(function(){
		if(o>0){//o>0时 改变按键颜色
			$("#body .box_tuijian .title>ul>li .left>i").css({"color":"#B0B0B0"})
		}
	})
	//点击轮播
	$("#body .box_tuijian .title>ul>li .right").click(function(){
		if(o==3){//o==3,直接输出return
			return;
		}
		if(o==2){//o==2, 点击滑动 并修改右箭头按钮颜色
			$("#body .box_tuijian .box_temp .box_tj .tj").animate({"left":hd+"px"},200)
			$("#body .box_tuijian .title>ul>li .right>i").css({"color":"#E0E0E0"})
		}
		o++;
		var hd=o*-1226; //计算移动距离
		//点击滑动 并修改左箭头按钮颜色
		$("#body .box_tuijian .box_temp .box_tj .tj").animate({"left":hd+"px"},200)
		$("#body .box_tuijian .title>ul>li .left>i").css({"color":"#B0B0B0"})
	})
	$("#body .box_tuijian .title>ul>li .left").click(function(){
		if(o==0){//o==0,直接输出return
			return;
		}
		if(o==1){//o==1, 点击滑动 并修改左箭头按钮颜色
			$("#body .box_tuijian .box_temp .box_tj .tj").animate({"left":hd+"px"},200)
			$("#body .box_tuijian .title>ul>li .left>i").css({"color":"#E0E0E0"})
		}
		o--;
		var hd=o*-1226;//计算移动距离
		//点击滑动 并修改右箭头按钮颜色
		$("#body .box_tuijian .box_temp .box_tj .tj").animate({"left":hd+"px"},200)
		$("#body .box_tuijian .title>ul>li .right>i").css({"color":"#B0B0B0"})
	})
	
	//为你推荐向上移动
	$("#body .box_tj .shang").mouseenter(function(){
		//向上移动2px
		$(this).stop().animate({"top":"-2px"},200)
	}).mouseleave(function(){
		//回到原位
		$(this).stop().animate({"top":"0px"},200)
	})
	
	//热评向上移动
	$("#body .box_rp>div").mouseenter(function(){
		//向上移动2px
		$(this).stop().animate({"top":"-2px"},200)
	}).mouseleave(function(){
		//回到原位
		$(this).stop().animate({"top":"0px"},200)
	})
	
	//内容向上移动
	$("#body .box_nr>div").mouseenter(function(){
		//向上移动2px
		$(this).stop().animate({"top":"-2px"},200)
		$(this).find(".left").stop().fadeIn(500)
		$(this).find(".right").stop().fadeIn(500)
	}).mouseleave(function(){
		//回到原位
		$(this).stop().animate({"top":"0px"},200)
		$(this).find(".left").stop().fadeOut(300)
		$(this).find(".right").stop().fadeOut(300)
	})
	
	//内容轮播
	//遍历content数据
	$(".box_nr .content").each(function(){
		//将jquery形式的对象转成原生形式的对象
		var js=$(this)[0];
		//获得当前循环到的content的jquery形式
		var jq=$(this);
		//变量私有化
		js.eva=0;
		//抓取li
		var li=js.getElementsByTagName("li");
		//给content孙子a.right添加点击事件
		jq.find(".dei").find("a.right").click(function(){
			//判断js.eva是否等于li.length/2-1
			if(js.eva==(li.length/2)-1){
				return;
			}
			//变量自增
			js.eva++;
			//计算移动的距离ev
			var ev=js.eva*-296;
			//找到centent的孙子ul 使其运动ev
			jq.find(".body").find("ul").stop().animate({"left":ev+"px"},200);
			//改变小圆点的颜色和样式
			jq.find(".dei").find("ul").find("li").eq(js.eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})

		})
		jq.find(".dei").find("a.left").click(function(){
			if(js.eva==0){
				return;
			}
			js.eva--;
			var ev=js.eva*-296;
			jq.find(".body").find("ul").stop().animate({"left":ev+"px"},200);
			jq.find(".dei").find("ul").find("li").eq(js.eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
		})
		//抓取.dei.ul.li 给li添加点击事件
		jq.find(".dei").find("ul").find("li").click(function(){
			//获取数值 放进变量js.eva
			js.eva=$(this).index();
			//计算移动距离
			var ev=js.eva*-296;
			//按关系 找到需要移动的元素 使其运动
			$(this).parents(".dei").siblings(".body").find("ul").stop().animate({"left":ev+"px"},200);
			//改变小圆点的样式、颜色
			$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
	
		})
	})
	
//	$(".box_nr .content a.right").click(function(){
//		if(eva==2){
//			return;
//		}
//		eva++;
//		var ev=eva*-296;
//		$(this).parent().siblings(".body").find("ul").stop().animate({"left":ev+"px"},200);
//		$(this).siblings("ul").find("li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_nr .content a.left").click(function(){
//		if(eva==0){
//			return;
//		}
//		eva--;
//		var ev=eva*-296;
//		$(this).parent().siblings(".body").find("ul").stop().animate({"left":ev+"px"},200);
//		$(this).siblings("ul").find("li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_temp .box_nr .dei>ul>li").click(function(){
//		eva=$(this).index();
//		var ev=eva*-296;
//		$(this).parent().siblings(".body").find("ul").stop().animate({"left":ev+"px"},200);
//		$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//		
//	})
	
	
	
	
	
//		//图书轮播
//	$(".box_temp .box_nr .tushu .right").click(function(){
//		if(eva==2){
//			return;
//		}
//		eva++;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_tushu>ul").stop().animate({"left":ev+"px"},200)
//	$(".box_temp .box_nr .tushu>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_temp .box_nr .tushu .left").click(function(){
//		if(eva==0){
//			return;
//		}
//		eva--;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_tushu>ul").stop().animate({"left":ev+"px"},200)	
//	$(".box_temp .box_nr .tushu>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//
//	$(".box_temp .box_nr .tushu>ul>li").click(function(){
//		eva=$(this).index();
//		var ev=eva*-296;
//		$(".box_temp .box_nr .body_tushu>ul").stop().animate({"left":ev+"px"},200)
//		$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//		
//	})
//	
//	//MIUI轮播
//	$(".box_temp .box_nr .miui .right").click(function(){
//		if(eva==3){
//			return;
//		}
//		eva++;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_miui>ul").stop().animate({"left":ev+"px"},200)
//	$(".box_temp .box_nr .miui>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_temp .box_nr .miui .left").click(function(){
//		if(eva==0){
//			return;
//		}
//		eva--;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_miui>ul").stop().animate({"left":ev+"px"},200)	
//	$(".box_temp .box_nr .miui>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//
//	$(".box_temp .box_nr .miui>ul>li").click(function(){
//		eva=$(this).index();
//		var ev=eva*-296;
//		$(".box_temp .box_nr .body_miui>ul").stop().animate({"left":ev+"px"},200)
//		$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//		
//	})
//	
//	//游戏
//	$(".box_temp .box_nr .youxi .right").click(function(){
//		if(eva==2){
//			return;
//		}
//		eva++;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_youxi>ul").stop().animate({"left":ev+"px"},200)
//	$(".box_temp .box_nr .youxi>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_temp .box_nr .youxi .left").click(function(){
//		if(eva==0){
//			return;
//		}
//		eva--;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_youxi>ul").stop().animate({"left":ev+"px"},200)	
//	$(".box_temp .box_nr .youxi>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//
//	$(".box_temp .box_nr .youxi>ul>li").click(function(){
//		eva=$(this).index();
//		var ev=eva*-296;
//		$(".box_temp .box_nr .body_youxi>ul").stop().animate({"left":ev+"px"},200)
//		$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//		
//	})
//	
//	//应用
//	$(".box_temp .box_nr .yinyong .right").click(function(){
//		if(eva==3){
//			return;
//		}
//		eva++;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_yinyong>ul").stop().animate({"left":ev+"px"},200)
//	$(".box_temp .box_nr .yinyong>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//	$(".box_temp .box_nr .yinyong .left").click(function(){
//		if(eva==0){
//			return;
//		}
//		eva--;
//		var ev=eva*-296;
//	$(".box_temp .box_nr .body_yinyong>ul").stop().animate({"left":ev+"px"},200)	
//	$(".box_temp .box_nr .yinyong>ul>li").eq(eva).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//	})
//
//	$(".box_temp .box_nr .yinyong>ul>li").click(function(){
//		eva=$(this).index();
//		var ev=eva*-296;
//		$(".box_temp .box_nr .body_yinyong>ul").stop().animate({"left":ev+"px"},200)
//		$(this).css({"border":"2px solid #FF6700","background": "white"}).siblings("li").css({"background": "#B0B0B0","border":"2px solid white"})
//		
//	})
	
	
	//视频上浮
	
	$(".box_temp>ul>li").mouseenter(function(){
		$(this).stop().animate({"top":"-2px"})
	}).mouseleave(function(){
		$(this).stop().animate({"top":"0px"})
	})
	
	//遍历
	$(".box_temp>ul>li").each(function(){
		var js=$(this)[0];
		var jq=$(this);
		js.eva=$(this).index()
		jq.find("a").click(function(){
			$(this).parents("ul").siblings(".beijing").slideDown(20).find(".shi").eq(js.eva).stop().show().find(".bofang").slideDown(300).parent().siblings(".shi").hide();
		})
		jq.parent().siblings(".beijing").find(".shi").find("a").click(function(){
			$(this).siblings(".bofang").stop().slideUp(100).parent().slideUp(100).parent().slideUp(150);
		})
		
	})
	
//	$(".box_temp>ul>li a").click(function(){
//		$(this).parents("ul").siblings(".beijing").show(200).find(".shi").slideDown(200);
//	})
//	$(".box_temp .beijing span").click(function(){
//		$(".box_temp .beijing .shi").slideUp(200).parent().hide(200)
//	})


})
